<template>
	<view>
		<view style="text-align: center;">
			<image :src="vuex_user.avatar" mode="widthFix" style="width: 60px;border-radius: 50%;"></image>
			<view class="c6 f14">
				{{vuex_user.nickname}}
			</view>
		</view>
		<view style="background: #eee;padding: 10px 0;margin-top: 10px;">
			<!-- <u-button ></u-button> -->
			<view class="bt f12">
				同步我的资料
			</view>
		</view>
		<view style="margin-top: 10px;">
			<u-cell-group>

				<u-cell-item  title="空间性别" arrow-direction="right">
					{{vuex_user_content.my_sex==1?'男':'女'}}
				</u-cell-item>
				<u-cell-item  title="空间号" arrow-direction="right">
					<!-- <u-icon slot="icon" size="32" name="search"></u-icon> -->
					{{vuex_user_content.space_uuid}}
				</u-cell-item>
				<u-cell-item @click="show=true" title="空间详情" arrow-direction="right">
					<!-- <u-icon slot="icon" size="32" name="search"></u-icon> -->

				</u-cell-item>
				<u-cell-item  title="解除关系" arrow-direction="right">
					<!-- <u-icon slot="icon" size="32" name="search"></u-icon> -->

				</u-cell-item>

			</u-cell-group>
		</view>
		<u-popup v-model="show" mode="center">
				<view class="f14 cf" style="width: 240px;height: 60px;line-height: 60px;background:rgb(250, 30, 138) ;text-align: center;">
					空间详情
				</view>
				<u-cell-group>

					<u-cell-item  title="你们在一起" arrow-direction="right">
						<!-- <u-icon slot="icon" size="32" name="search"></u-icon> -->
						{{vuex_user_content.anniversary_date}}天
					</u-cell-item>
					<u-cell-item  title="视频" arrow-direction="right">
						<!-- <u-icon slot="icon" size="32" name="search"></u-icon> -->
						{{vuex_user_content.album_count}}个
					</u-cell-item>
					<u-cell-item  title="想念对方" arrow-direction="right">
						<!-- <u-icon slot="icon" size="32" name="search"></u-icon> -->
						{{vuex_user_content.miss_ta}}次
					</u-cell-item>

				</u-cell-group>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show:false,
				datalist:[]
			}
		},
		onLoad(e) {
			uni.setNavigationBarColor({
			    frontColor: '#000000',
			    backgroundColor: '#ffffff',
			})
			this.album()
			// this.type=e.type
		},
		methods: {
			async album(){
				let data={
					my_space_id:this.vuex_user_content.id
				}
				let res = await this.$u.api.album(data)
				this.datalist=res
			},
		}
	}
</script>

<style>
page{background: #fff;}
.bt{
	width: 120px;
	 height: 40px;
	 line-height: 40px;
	 border-radius: 8px;
	 background: #fff;
	 color: rgb(250, 30, 138);
	 text-align: center;
	 margin:auto;
}
</style>
